
  .train-tree {
    background: var(--schema-ui-bg);
    font-size: 14px;
    font-weight: 400;
    color: var(--schema-font-color);
    line-height: 20px;
    border: none;
    box-shadow: 5px 10px 12px 2px rgba(0, 0, 0, 0.27);
    color: var(--schema-font-color);
    &:hover {
      &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 1px;
        bottom: 1px;
        width: 2px;
      }
    }
    li{
      color: var(--schema-font-color);
      &.is-active{
        color: var(--schema-font-color);
      }
      &.is-selected, &:hover {
        background: rgba(118, 150, 202, .1);
      }
    }
  }
  .bin-popper {
    padding: 4px 6px;
    font-size: var(--schema-font-size);
    &.is-dark {
      background: var(--bin-color-primary);
      color: var(--bin-color-white);
      .bin-popper__arrow::before {
        background: var(--bin-color-primary);
      }
    }
    &.bin-tree-select__popper {
      padding: 5px 0 2px;
      background: var(--schema-color-bg-dark);
      border: 1px solid var(--schema-ui-border);
      .bin-tree {
        color: var(--schema-font-color);
        .bin-tree-title, .bin-tree-render-title {
          &.is-selected, &:hover {
            background: rgba(118, 150, 202, .1);
          }
        }
      }
    }
  }

